<?php
$baseUrl = Yii::app()->baseUrl; 
$cs = Yii::app()->getClientScript();
$cs->registerCssFile($baseUrl.'/css/jquery-ui.css');
$cs->registerCssFile($baseUrl.'/css/expense.css');
$cs->registerScriptFile($baseUrl.'/js/jquery.min.js');
$cs->registerScriptFile($baseUrl.'/js/jquery-ui.js');
$cs->registerScriptFile($baseUrl.'/js/base_url.js');
$cs->registerScriptFile($baseUrl.'/js/loading.js');
$cs->registerScriptFile($baseUrl.'/js/expense.js');
$cs->registerScriptFile($baseUrl.'/js/receipts.js');
$cs->registerScriptFile($baseUrl.'/js/main.js');
?>

<div id="sideNav_wrapper"><!--sideNav_wrapper start here-->
    <div id="sideNav"><!--sideNav start here-->
        <div class="sideNavFloatContainer"><!--sideNavFloatContainer start here-->
        	<input type="hidden"  id="parrent_page_name" value="expense_page">
            <input type="hidden" name="parrent_dialog_name" id="parrent_dialog_name" value="">
            <div class="section filterContainer">
                <form id="filter" class="form">
                
                    <fieldset>
                        <legend>Filters</legend>
                        <ol>
							<li>
							<input type="text" placeholder="Merchant" class="qtip inputLarge" id="merchant" name="merchant"> <span class="filter_clear" style="display: none;"></span>
							</li>
                            <li>
                                <ol>
                                    <li>
                                        <label class="dateField">From</label>
                                        <input value="<?php echo date("Y-m-d",strtotime("-1 year"));?>" id="startDate" name="startDate"
                                               class="required calendar semwal_dtpicker" type="text">
                                    </li>
                                    <li>
                                        <label class="dateField">To</label>
                                        <input value="<?php echo date('Y-m-d',time());?>" id="endDate" name="endDate"
                                               class="required calendar semwal_dtpicker" type="text">
                                    </li>
                                </ol>
                            </li>
                            <li>
                                
                                <select name="expense_filter_form" id="expense_filter_form" class="qtip" >                  
                                   <option value="0">Expenses Form(All)</option>
                                   <option value="1">Billable</option>
                                   <option value="2">Claim Customer</option>
                                   <option value="3">Reimbursable</option>
                                </select>
                                
                            </li>
                            <li>
                                <select name="expense_filter_status" id="expense_filter_status" class="qtip">                  
                                   <option value="1">Unsubmitted expenses</option>
                                   <option value="2">Submitted expenses</option>
                                   <option value="3">Deleted expenses</option>
                                </select>
                            </li>

                            <li>
                                <select name="expense_filter_categories" id="expense_filter_categories">
                                    <option selected="selected" value="-1">All categories</option>
                                    <?php foreach ($categories as $category): ?>
                                    <?php if($category['IsChildren']==1):?>
                                    	<option value="<?php echo $category['Id'];?>"><?php echo '&nbsp;---&nbsp;'.$category['CategoryName'];?></option>
                                    <?php else:?>
                              			<option value="<?php echo $category['Id'];?>"><?php echo $category['CategoryName'];?></option>  
                                    <?php endif;?>
                             
                                    <?php endforeach;?>                           
                                </select>
                            </li>

                            <li>
                                <select class="qtip" id="expense_filter_customers" name="expense_filter_customers">
                                    <option value="-1" selected="selected">All Customer</option>
                                    <?php foreach ($customers as $customer):?>
                                    <option value="<?php echo $customer['Id']?>"><?php echo $customer['CustomerName']?></option>
                                    <?php endforeach;?>
                                </select>
                            </li>
                            <li>
                                <?php if(isset(Yii::app()->user->isSuperAdmin) && Yii::app()->user->isSuperAdmin):?>
                                <select class="qtip" id="expense_filter_users" name="expense_filter_users">
                                    <option value="-1" selected="selected">All Employee</option>
                                    <?php foreach ($users as $user): ?>
                                    <option value="<?php echo $user['Id'];?>"><?php echo $user['FullName'];?></option>
                                    <?php endforeach;?>
                                </select>
                            </li>
                            <?php endif;?>
                        </ol>
                        <input type="hidden" value="1" name="expense_page" id="expense_page">
                    </fieldset>
                         <br/>
                       <div class="clear"></div>
						<div class="section">
						<div class="button">
						<a id="btn_search">Search</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#" class="reset" id="btn_reset">Reset</a></div>
					
						<div class="message_hint hidden" id="filer_check_message">
						<p> To Date must to be greater than From Date</p>
						</div>
						</div>
						
                </form>
             
                <div id="chartTypesContainer" class="floatWrapper qtip-right">
                    <a href="#" id="table" class="floatLeft analyze_type_selected"></a>
                    <a href="#" id="line" class="analyze_type floatLeft"></a>
                    <a href="#" id="pie" class="analyze_type floatLeft"></a>
                    <a href="#" id="column" class="analyze_type floatLeft"></a>
                </div>
                <div class="center">
                    <div id="filter_save" class="button add qtip"><a href="#">Save to Analytics</a></div>
                </div>
            </div>

            <div class="section last" id="howDoI">
                <h3>How do I Expense System?</h3>

                <p></p>
                <ul>
                    <li>How do I <a target="_blank" href="#">add categories?</a></li>
                    <li>How do I <a target="_blank" href="#">add mileage expenses?</a></li>
                    <li>How do I <a target="_blank" href="#">set my default currency?</a></li>
                </ul>
                <p></p>
                <a target="_blank" href="#">More help...</a>
            </div>
        </div>
    </div>
</div><!--sideNav_wrapper ends here-->
<div id="content_wrapper">
    <div id="dialog_expenses_expensestable">
        <div id="editheader">
            <div style="display: block;" id="actions" class="buttons_container hidden">

                <div class="floatWrapper">
                    <div class="buttons_container floatRight" id="report_actions">
                        <!-- Report Actions -->
                        <img  class="hide" id="addreport_spinner" src="<?php echo $baseUrl;?>/images/spinner_2x.gif">
                        <div id="addreport_button" class="button add qtip"><a>Add to Report</a></div>
                        <div style="display: none;" id="removereport_button" class="button delete qtip"><a>Remove from
                                Report</a></div>
                        <div id="report_selector_container" class="floatLeft">
                            <div style="display: block;" id="report_selector_div" class="floatLeft qtip hidden">
                                <select id="report_selector" class="reportSelector">
                                    <option selected="selected" value="none" class="optionNone">(none)</option>
                                    <?php foreach ($reports as $report):?>
                                      <option value="<?php echo $report['Id'];?>" class="optionNone"><?php echo $report['ReportName']; ?></option>
                                    <?php endforeach; ?>
                                    <option disabled="disabled" class="separator" value="">----------</option>
                                    <option value="create_new_report">(create new report)</option>
                                </select>
                            </div>
                            
                            <div style="display: block;" id="view_report" class="button qtip hidden"><a>View Report</a>
                            </div>
                            <div style="display: none;" id="new_report" class="button add qtip hidden"><a>Add to New
                                    Report</a></div>
                        </div>
                    </div>

                    <div class="floatLeft buttons_container marginBottom" id="other_actions">
                        <!-- Action Buttons -->
                        <div id="createexpense_button" class="button add qtip"><a>New Expense</a></div>
                        <div id="editMultiple_button" class="button qtip"><a>Edit Multiple</a></div>
                        <div id="expenses_export_buttons" class="button qtip"><a>Export to Exel</a></div>
                        <div id="undelete_buttons" class="button qtip hide"><a>Undelete</a></div>                        
                        <div id="delete_expense" class="button delete qtip"><a id="expenses_deletebutton1"
                                                                               class="iconButton"></a></div>
                    </div>
                </div>
            </div>
        </div>

        <div style="display:none" id="chartheader" class="floatWrapper marginBottom">
            <div id="report_selector_container" class="floatLeft">
                <div id="groupby_selector_div" class="floatLeft selector">
                    <span>Group by: </span>
                    <select id="groupby_selector">
                    </select>
                </div>
                <div id="graphby_selector_div" class="floatLeft selector marginLeft">
                    <span>Graph by:</span>
                    <select id="graphby_selector">
                        <option selected="selected" value="daily">daily</option>
                        <option value="monthly">monthly</option>
                        <option value="yearly">yearly</option>
                    </select>
                </div>
            </div>
        </div>

        <div id="tablecontainer"><!--tablecontainer start here-->
           <?php $this->renderPartial('search',array(
		'rows'=>$rows,
		'page'=>$page,
		'limit'=>$limit,
		'totalItem'=>$totalItem,
        'currencies'=>$currencies,
        'preferences'=>$preferences,
        'paginationString' =>$paginationString  
		));?>
        </div>
        <!--tablecontainer ends here-->


        <div style="display: none;" id="chartcontainer"></div>

        <div id="chart-empty" class="message_empty" style="display:none;">
            There are no expenses for the current filter settings
        </div>
        <div style="display: none;" id="charttablecontainer"></div>
    </div>
</div>

<!--Script for switching between the available tabs ends here. -->
	 <!--spinner-->
    <div style="position: fixed;left: 80%;margin: 0 0 0 -37.5%; top: 40%; display: none;" id="dialog_spinner" class="dialog_spinner">
    <img alt="" src="<?php echo $baseUrl?>/images/loadingspinner_2x.gif">  
    </div>
    <!--first popup-->
    
     <?php 
     $this->renderPartial('newExpense', array(
            'customers' => $customers,
            'currencies' => $currencies,
            'categories' => $categories,
            'reports' => $reports,
            'defaultPreference' => $preferences
		));
     ?>
    
    <!--Second popup-->

		<div class="dialog" id="dialog_megaEdit" style="position: fixed; left: 271.5px; top: 30px;">
		<?php 
		$this->renderPartial('editExpense', array(
                    'customers' => $customers,
                    'currencies' => $currencies,
                    'categories' => $categories,
                    'reports' => $reports,
                    'units' => $units,
                    'defaultCurrency' => $preferences,
                    'total'=>$totalItem,
                    'row'=>$rows
				));
		?>
		</div>
		
        <div style="left: 420.5px; top: 30px;" id="dialog_editMultiple" class="dialog">

        </div> 
           <div class="dialog dialog_wide" id="dialog_map3" style="left: 161.5px; top: 30px;">
                <div class="dialog_title">
                    <a class="dialog_x ">X</a>
                    <h1>Map</h1>
                </div>
                <div class="dialog_wrapper">
                    <div class="floatWrapper">
                        <div class="floatLeft width30">
                            <div class="marginBottom">
                                <div class="floatLeft">
                                    <h3>Distance</h3>
                                </div>
                                <div class="floatRight">
                                    <span class="js_distance">0</span>&nbsp;
                                    <select id="map3_unit" name="unit">
                                        <option value="km">Km</option>
                                        <option value="mi">Mi</option>
                                    </select>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                            <ol class="form short-labels textRight clearfix" id="map3_destinationContainer"><li><label>A:</label><input type="text" data-index="0" class="ui-autocomplete-input" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><br><button class="js_dialog_map_curLocation">Use Current Location</button></li><li><label>B:</label><input type="text" data-index="1" class="ui-autocomplete-input" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><br><button class="js_dialog_map_curLocation">Use Current Location</button></li></ol>

                            <p>
                                <a class="js_addDestination">Add Destination</a>
                            </p>

                            <ol class="form floatRight one-line">
                                <li class="checkbox marginRight">
                                    <input type="checkbox" checked="" id="map3_createReceipt">
                                    <label for="map3_createReceipt">Create Receipt</label>
                                </li>
                                <li>
                                    <div class="button floatRight">
                                        <a class="js_update">Update</a>
                                    </div>
                                </li>
                                <li class="submit">
                                    <div class="button add">
                                        <a class="js_save">Save</a>
                                    </div>
                                </li>
                            </ol>
                        </div>

                        <div style="width: 634px; height: 400px; background-color: rgb(229, 227, 223); overflow: hidden;" class="floatRight js_mapContainer marginBottom"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;" class="gm-style"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 200;"><div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 30;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: 318px;"></div></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 201;"><div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 96px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 352px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: 62px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -160px; top: 318px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: -194px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 608px; top: 318px;"></div></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 202;"><div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"><div style="z-index: -202; cursor: pointer; display: none;"><div style="width: 30px; height: 27px; overflow: hidden; position: absolute;"><img style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 90px; height: 27px;" src="https://maps.gstatic.com/mapfiles/undo_poly.png" draggable="false"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: 62px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: 62px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: -194px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: 318px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: -194px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: 318px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: 62px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: 62px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: -194px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: 318px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: -194px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: 318px;"></div></div></div></div><div style="position: absolute; z-index: 0; left: 0px; top: 0px;"><div style="overflow: hidden; width: 634px; height: 430px;"><img style="width: 634px; height: 430px;" src="https://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&amp;1i167328&amp;2i405186&amp;2e1&amp;3u12&amp;4m2&amp;1u634&amp;2u430&amp;5m4&amp;1e0&amp;5sen-US&amp;6sus&amp;10b1&amp;token=21041"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: 62px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247089514&amp;src=apiv3&amp;hl=en-US&amp;x=654&amp;y=1583&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: 62px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247089514&amp;src=apiv3&amp;hl=en-US&amp;x=655&amp;y=1583&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: -194px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247089514&amp;src=apiv3&amp;hl=en-US&amp;x=654&amp;y=1582&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 96px; top: 318px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247072843&amp;src=apiv3&amp;hl=en-US&amp;x=654&amp;y=1584&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: -194px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247089514&amp;src=apiv3&amp;hl=en-US&amp;x=655&amp;y=1582&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 352px; top: 318px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247067356&amp;src=apiv3&amp;hl=en-US&amp;x=655&amp;y=1584&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: 62px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247011837&amp;src=apiv3&amp;hl=en-US&amp;x=653&amp;y=1583&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: 62px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247012140&amp;src=apiv3&amp;hl=en-US&amp;x=656&amp;y=1583&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: -194px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247011725&amp;src=apiv3&amp;hl=en-US&amp;x=653&amp;y=1582&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: -160px; top: 318px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts1.googleapis.com/vt?lyrs=m@247012064&amp;src=apiv3&amp;hl=en-US&amp;x=653&amp;y=1584&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: -194px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247075465&amp;src=apiv3&amp;hl=en-US&amp;x=656&amp;y=1582&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div><div style="width: 256px; height: 256px; position: absolute; left: 608px; top: 318px;"><img style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://mts0.googleapis.com/vt?lyrs=m@247000000&amp;src=apiv3&amp;hl=en-US&amp;x=656&amp;y=1584&amp;z=12&amp;style=47,37%7Csmartmaps" draggable="false"></div></div></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a style="position: static; overflow: visible; float: none; display: inline;" target="_blank" href="http://maps.google.com/maps?ll=37.746693,-122.443786&amp;z=12&amp;t=m&amp;hl=en-US&amp;mapclient=apiv3" title="Click to see this area on Google Maps"><div style="width: 62px; height: 26px; cursor: pointer;"><img style="position: absolute; left: 0px; top: 0px; width: 62px; height: 26px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2.png" draggable="false"></div></a></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 165px; bottom: 0px; width: 125px;"><div draggable="false" style="-moz-user-select: none;" class="gm-style-cc"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Map Data</a><span style="">Map data &copy;2013 Google</span></div></div></div><div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto,Arial,sans-serif; color: rgb(34, 34, 34); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 167px; top: 125px;"><div style="padding: 0px 0px 10px; font-size: 16px;">Map Data</div><div style="font-size: 13px;">Map data &copy;2013 Google</div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png" draggable="false"></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;"><div style="font-family: Roboto,Arial,sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Map data &copy;2013 Google</div></div><div class="gmnoprint gm-style-cc" style="z-index: 1000001; position: absolute; -moz-user-select: none; right: 95px; bottom: 0px;" draggable="false"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);" href="http://www.google.com/intl/en-US_US/help/terms_maps.html" target="_blank">Terms of Use</a></div></div><div draggable="false" style="-moz-user-select: none; position: absolute; right: 0px; bottom: 0px;" class="gm-style-cc"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a target="_new" title="Report errors in the road map or imagery to Google" style="font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;" href="http://maps.google.com/maps?ll=37.746693,-122.443786&amp;z=12&amp;t=m&amp;hl=en-US&amp;mapclient=apiv3&amp;skstate=action:mps_dialog$apiref:1&amp;output=classic">Report a map error</a></div></div></div></div>
                    </div>
                </div>
            </div>
        
 <!--Attach Reciept Start here-->
<div class="dialog dialog_super_wide" id="dialog_receipt" style="position:fixed;width: 1223px; left: 20px; top: 15px; display: none;">
</div>
 <!--Attach Reciept End here-->
 <!--Add new report-->
<div style="position: fixed;left: 67%;margin: 0 0 0 -37.5%; top: 40px; display: none;" id="dialog_add_new_report" class="dialog dialog_small">  
 <div class="dialog_title">
    <a class="dialog_x">X</a>
     <h1>New Report</h1>
 </div>
<div class="dialog_wrapper">
<form id="form_create_new_report" class="form short-labels js_modeContainer">
	 <ol>
         <li>
            <label>Report name</label>
             <input value="" id="report_name" name="report_name" type="text" maxlength="255">
           </li>
          <li>
             <label>Description</label>
             <textarea name="report_description" rows="2" cols="10" ></textarea>                     
          </li>       
     </ol>
</form>
<div id="dialog_add_new_report_message" class="message_hint hidden" style="display: none;">
</div>
<div class="floatWrapper marginTop marginBottom center">
                           
    <div class="button add js_save" id="btnNewReportSave"><a href="#">Save</a></div>
    <div class="button add js_save" id="btnNewReportReset"><a>Reset</a></div>                            
</div>
</div>
        
</div>